<template>
  <view class="result-container">
    <text class="result-score">81</text>
    <image class="result-image" src="https://rwstatic.tentons.cn/web/Lesson/images/score-finish.png" />
  </view>
</template>

<script setup lang="ts"></script>

<style scoped lang="scss">
.result-container {
  position: relative;
  width: 100%;
  height: 40.4rem;
  margin-top: 13rem;

  .result-score {
    position: absolute;
    top: 11.4rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 6rem;
    font-family: baloo;
    color: #ffffff;
  }

  .result-image {
    width: 37.5rem;
    height: 40.4rem;
  }
}
</style>
